<?php
echo $this->Html->css(array('../js/plugins/unslider/unslider.css'));
echo $this->Html->script(array('plugins/unslider/unslider.js'));
?>
<div class="banner">
    <ul>
        <li style="background-image: url('<?php echo $this->webroot;?>images/banner_3.jpg');"></li>
        <li style="background-image: url('<?php echo $this->webroot;?>images/banner_4.jpg');"></li>
        <li style="background-image: url('<?php echo $this->webroot;?>images/banner_5.jpg');"></li>
		<li style="background-image: url('<?php echo $this->webroot;?>images/banner_6.jpg');"></li>
		<li style="background-image: url('<?php echo $this->webroot;?>images/banner_7.jpg');"></li>
        <!--<li style="background-image: url('http://graphics.aptcdn.com/ACW/Apts/Images/responsive/home-heroes/hero-11.jpg');">

        </li>

        <li style="background-image: url('http://graphics.aptcdn.com/ACW/Apts/Images/responsive/home-heroes/hero-16.jpg');">

        </li>-->
        
    </ul>
</div>
<script>
    $(document).ready(function() {
        $('.banner').unslider({
            arrows: false,
            fluid: true,
            dots: false,
            auto:false,
        });
    });
</script>